<template>
	<el-table :data="tableData" size="small" style="width: 100%">
		<el-table-column label="" prop="name" width="90"/>
		<el-table-column label="1" prop="one" width="65">
			<template #default="scope">
				<input type="text" v-model="scope.row.one">
			</template>
		</el-table-column>
		<el-table-column label="2" prop="two" width="65">
			<template #default="scope"> 
				<input type="text" v-model="scope.row.two">
			</template>
		</el-table-column>
		<el-table-column label="3" prop="three" width="65">
			<template #default="scope">
				<input type="text" v-model="scope.row.three">
			</template>
		</el-table-column>
		<el-table-column label="4" prop="four" width="65">
			<template #default="scope">
				<input type="text" v-model="scope.row.four">
			</template>
		</el-table-column>
		<el-table-column label="5" prop="five" width="65">
			<template #default="scope">
				<input type="text" v-model="scope.row.five">
			</template>
		</el-table-column>
		<el-table-column label="6" prop="six" width="65">
			<template #default="scope">
				<input type="text" v-model="scope.row.six">
			</template>
		</el-table-column>
		<el-table-column label="7" prop="seven" width="65">
			<template #default="scope">
				<input type="text" v-model="scope.row.seven">
			</template>
		</el-table-column>
		<el-table-column label="8" prop="eight" width="65">
			<template #default="scope">
				<input type="text" v-model="scope.row.eight">
			</template>
		</el-table-column>
		<el-table-column label="9" prop="nine" width="65">
			<template #default="scope">
				<input type="text" v-model="scope.row.nine">
			</template>
		</el-table-column>
		<el-table-column label="10" prop="ten" width="65">
			<template #default="scope"> 
				<input type="text" v-model="scope.row.ten">
			</template>
		</el-table-column>
		<el-table-column label="11" prop="eleven" width="65">
			<template #default="scope">
				<input type="text" v-model="scope.row.eleven">
			</template>
		</el-table-column>
		<el-table-column label="12" prop="twelve" width="65">
			<template #default="scope">
				<input type="text" v-model="scope.row.twelve">
			</template>
		</el-table-column>
	</el-table>
</template>

<script setup>
import { defineProps } from 'vue'
// eslint-disable-next-line vue/no-setup-props-destructure
let { tableData } = defineProps(['tableData'])
</script>

<style scoped>
input{
	border:1px solid #f5f8fb;
	background: #f5f8fb;
}
</style>
